/*右侧悬浮菜单*/

.contact_hotline{ position: fixed; right: -170px; top: 60%; z-index: 900;}
.contact_hotline li a{ text-decoration: none;}
.contact_hotline li{ margin-top: 1px; clear: both; height: 70px; position: relative;}
.contact_hotline li i{ background: url(../images/hotcontacticon.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center;}
.contact_hotline li p{ height: 20px; font-size: 14px; line-height: 20px; overflow: hidden; text-align: center; color: #fff;}
.contact_hotline .my-kefu-qq i{ background-position: 4px 5px;}
.contact_hotline .my-kefu-tel i{ background-position: 0 -21px;}
.contact_hotline .my-kefu-liuyan i{ background-position: 4px -53px;}
.contact_hotline .my-kefu-weixin i{ background-position: -34px 4px;}
.contact_hotline .my-kefu-weibo i{ background-position: -30px -22px;}
.contact_hotline .my-kefu-ftop{ display: none;}
.contact_hotline .my-kefu-ftop i{ width: 33px; height: 35px; background-position: -27px -51px;}
.contact_hotline .my-kefu-left{ float: left; width: 77px; height: 47px; position: relative;}
.contact_hotline .my-kefu-tel-right{ font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px;}
.contact_hotline .my-kefu-right{ width: 20px;}
.contact_hotline .my-kefu-tel-main{ background: #0078c9; color: #fff; height: 70px; width: 247px; padding: 9px 0 6px; float: left;}
.contact_hotline .my-kefu-main{ background: #0078c9; width: 97px; height: 70px; position: relative; padding: 9px 0 6px; float: left;}
.contact_hotline .my-kefu-weixin-pic{ position: absolute; left: -130px; top: -24px; display: none; z-index: 333;}
.my-kefu-weixin-pic img{ width: 115px; height: 115px;}

/*自适应 当屏小于1050时隐藏*/

@media screen and (max-width: 1050px){ .contact_hotline{ display: none;}
	}

/*animation*/

@keyframes bounce-up{ 25%{transform: translateY(2px);}
	50%, 100%{transform: translateY(0);}
	75%{transform: translateY(-2px);}
	}
@keyframes msClock{ 0%,90%,100%{ transform: rotate(0) scale(1);}
	20%,40%{ transform: rotate(-15deg) scale(1.1);}
	30%,50%{ transform: rotate(15deg) scale(1.1);}
	}
@-webkit-keyframes boths{ 0%{-webkit-transform: scale(1);transform: scale(1);}
	50%{-webkit-transform: scale(1.5);transform: scale(1.5);}
	100%{-webkit-transform: scale(1);transform: scale(1);}
	}
@keyframes boths{ 0%{-webkit-transform: scale(1);transform: scale(1);}
	50%{-webkit-transform: scale(1.5);transform: scale(1.5);}
	100%{-webkit-transform: scale(1);transform: scale(1);}
	}
@-webkit-keyframes jump{ 0%{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
	50%{-webkit-transform: translateY(5px);transform: translateY(5px);}
	100%{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
	}
@keyframes jump{ 0%{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
	50%{-webkit-transform: translateY(5px);transform: translateY(5px);}
	100%{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
	}
@-webkit-keyframes jumps{ 0%{-webkit-transform: translateY(5px);transform: translateY(5px);}
	50%{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
	100%{-webkit-transform: translateY(5px);transform: translateY(5px);}
	}
@keyframes jumps{ 0%{-webkit-transform: translateY(5px);transform: translateY(5px);}
	50%{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
	100%{-webkit-transform: translateY(5px);transform: translateY(5px);}
	}
@keyframes light{ 0%{ top: 0;}
	50%{ top: 110%;}
	100%{ top: -18px;}
	}
@keyframes light1{ 0%{ transform: translateY(-50px); opacity: 1;}
	100%{ transform: translateX(0px);opacity: 0;}
	}
@keyframes myleftfirst{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}
@-moz-keyframes myleftfirst
/* Firefox */

{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}
@-o-keyframes myleftfirst
/* Opera */

{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}
@keyframes myrightfirst{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ top: 5%;}
	}
@-moz-keyframes myrightfirst
/* Firefox */

{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ top: 5%;}
	}
@-o-keyframes myrightfirst
/* Opera */

{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ top: 5%;}
	}
@-webkit-keyframes buzz-out{ 0%, 100%, 20%, 50%, 80%{ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0);}
	40%, 43%{ transition-timing-function: cubic-bezier(0.755, 0.50, 0.855, 0.060); transform: translate3d(0, -30px, 0);}
	70%{ transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0);}
	90%{ transform: translate3d(0, -4px, 0);}
	}
@keyframes mydbone{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ top: 64%;}
	}
@-moz-keyframes mydbone{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ top: 64%;}
	}
@-o-keyframes mydbone{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ top: 64%;}
	}
@keyframes mylefttwo{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}
@-moz-keyframes mylefttwo{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}
@-o-keyframes mylefttwo{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}
@keyframes myrighttwo{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ right: 0;}
	}
@-moz-keyframes myrighttwo{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ right: 0;}
	}
@-o-keyframes myrighttwo{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ right: 0;}
	}
@keyframes myleftthree{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}
@-moz-keyframes myleftthree{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}
@-o-keyframes myleftthree{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}
@-webkit-keyframes fadeInLeft1{ from{ opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
@keyframes fadeInLeft1{ from{ opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
.fadeInLeft1{ -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1}
@-webkit-keyframes fadeInRight1{ from{ opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
@keyframes fadeInRight1{ from{ opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
.fadeInRight1{ -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1}
@-webkit-keyframes zoomLeft{ from{ opacity: 0; -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3)}
	50%{ opacity: 1}
	}
@keyframes zoomLeft{ from{ opacity: 0; -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3)}
	50%{ opacity: 1}
	}
.zoomLeft{ -webkit-animation-name: zoomLeft; animation-name: zoomLeft; transform-origin: 0 50%; -webkit-transform-origin: 0 50%}
.zoomRight{ -webkit-animation-name: zoomLeft; animation-name: zoomLeft; transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%}
@-webkit-keyframes fadeInUp1{ from{ opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
@keyframes fadeInUp1{ from{ opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
.fadeInUps{ -webkit-animation-name: fadeInUps; animation-name: fadeInUps}
@-webkit-keyframes fadeInUps{ from{ opacity: 0; -webkit-transform: translate3d(0, 60%, 0); transform: translate3d(0, 60%, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
.fadeInUp1{ -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1}
@-webkit-keyframes fadeInUp2{ from{ opacity: 0; -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
@keyframes fadeInUp2{ from{ opacity: 0; -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
.fadeInUp2{ -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2}
@-webkit-keyframes fadeInUp3{ from{ opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
@keyframes fadeInUp3{ from{ opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0)}
	to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
	}
.fadeInUp3{ -webkit-animation-name: fadeInUp3; animation-name: fadeInUp3}
@keyframes myfirst{ 0%{ left: 0; top: 0}
	25%{ left: 0; top: 10px}
	50%{ left: 0; top: 0}
	100%{ left: 0; top: 0}
	}
@-moz-keyframes myfirst{ 0%{ left: 0; top: 0}
	25%{ left: 0; top: 10px}
	50%{ left: 0; top: 0}
	100%{ left: 0; top: 0}
	}
@-webkit-keyframes myfirst{ 0%{ left: 0; top: 0}
	25%{ left: 0; top: 10px}
	50%{ left: 0; top: 0}
	100%{ left: 0; top: 0}
	}
@-o-keyframes myfirst{ 0%{ left: 0; top: 0}
	25%{ left: 0; top: 10px}
	50%{ left: 0; top: 0}
	100%{ left: 0; top: 0}
	}
.bounceInDowns{-webkit-animation-name: bounceInDowns;animation-name: bounceInDowns}
@keyframes bounceInDowns{from,60%,75%,90%,to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);animation-timing-function: cubic-bezier(.215, .61, .355, 1)}
	0%{opacity: 0;-webkit-transform: translate3d(0, -100px, 0);transform: translate3d(0, -100px, 0)}
	60%{opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0)}
	75%{-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0)}
	90%{-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0)}
	to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
	}
@keyframes bounceInUps{from,60%,75%,90%,to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);animation-timing-function: cubic-bezier(.215, .61, .355, 1)}
	from{opacity: 0;-webkit-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0)}
	60%{opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0)}
	75%{-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0)}
	90%{-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0)}
	to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
	}
.bounceInUps{-webkit-animation-name: bounceInUps;animation-name: bounceInUps}